" : "p",
tags: ["p"],
tooltip: "Paragraph"
},
paste: {
groupIndex: 8,
visible: false,
tooltip: "Paste"
},
redo: {
groupIndex: 4,
visible: true,
tooltip: "Redo"
},
removeFormat: {
groupIndex: 10,
visible: true,
exec: function () {
this.removeFormat();
},
tooltip: "Remove formatting"
},
rtl: {
groupIndex: 10,
visible: false,
exec: function () {
var range = this.getInternalRange(),
p = this.dom.getElement("p");
if (!p) {
return false;
}
$(p).attr("dir", "rtl");
},
tooltip : "Right to Left"
},
strikeThrough: {
groupIndex: 0,
visible: true,
tags: ["s", "strike"],
css: {
textDecoration: "line-through"
},
tooltip: "Strike-through"
},
subscript: {
groupIndex: 3,
visible: true,
tags: ["sub"],
tooltip: "Subscript"
},
superscript: {
groupIndex: 3,
visible: true,
tags: ["sup"],
tooltip: "Superscript"
},
underline: {
groupIndex: 0,
visible: true,
tags: ["u"],
css: {
textDecoration: "underline"
},
tooltip: "Underline",
hotkey: {"ctrl": 1, "key": 85}
},
undo: {
groupIndex: 4,
visible: true,
tooltip: "Undo"
}
};
this.defaults = {
html: '
)?<\/\1>$/;
if (emptyContentRegex.test(self.getContent())) { // if content is empty
event.stopPropagation(); // prevent remove single empty tag
return false;
}
}
return true;
});
if (!$.browser.msie) {
$(self.editorDoc).keydown(function (event) {
var controlName;
/* Meta for Macs. tom@punkave.com */
if (event.ctrlKey || event.metaKey) {
for (controlName in self.controls) {
if (self.controls[controlName].hotkey && self.controls[controlName].hotkey.ctrl) {
if (event.keyCode === self.controls[controlName].hotkey.key) {
self.triggerControl.apply(self, [controlName, self.controls[controlName]]);
return false;
}
}
}
}
return true;
});
} else if (self.options.brIE) {
$(self.editorDoc).keydown(function (event) {
if (event.keyCode === 13) {
var rng = self.getRange();
rng.pasteHTML("
");
rng.collapse(false);
rng.select();
return false;
}
return true;
});
}
if (self.options.plugins.rmFormat.rmMsWordMarkup) {
$(self.editorDoc).bind("keyup.wysiwyg", function (event) {
if (event.ctrlKey || event.metaKey) {
// CTRL + V (paste)
if (86 === event.keyCode) {
if ($.wysiwyg.rmFormat) {
if ("object" === typeof (self.options.plugins.rmFormat.rmMsWordMarkup)) {
$.wysiwyg.rmFormat.run(self, {rules: { msWordMarkup: self.options.plugins.rmFormat.rmMsWordMarkup }});
} else {
$.wysiwyg.rmFormat.run(self, {rules: { msWordMarkup: { enabled: true }}});
}
}
}
}
});
}
if (self.options.autoSave) {
$(self.editorDoc).keydown(function () { self.autoSaveFunction(); })
.keyup(function () { self.autoSaveFunction(); })
.mousedown(function () { self.autoSaveFunction(); })
.bind($.support.noCloneEvent ? "input.wysiwyg" : "paste.wysiwyg", function () { self.autoSaveFunction(); });
}
if (self.options.autoGrow) {
if (self.options.initialMinHeight !== null) {
self.ui.initialHeight = self.options.initialMinHeight;
} else {
self.ui.initialHeight = $(self.editorDoc).height();
}
$(self.editorDoc.body).css("border", "1px solid white"); // cancel margin collapsing
growHandler = function () {
self.ui.grow();
};
$(self.editorDoc).keyup(growHandler);
$(self.editorDoc).bind("editorRefresh.wysiwyg", growHandler);
// fix when content height > textarea height
self.ui.grow();
}
if (self.options.css) {
if (String === self.options.css.constructor) {
if ($.browser.msie) {
stylesheet = self.editorDoc.createStyleSheet(self.options.css);
$(stylesheet).attr({
"media": "all"
});
} else {
stylesheet = $("").attr({
"href": self.options.css,
"media": "all",
"rel": "stylesheet",
"type": "text/css"
});
$(self.editorDoc).find("head").append(stylesheet);
}
} else {
self.timers.initFrame_Css = window.setTimeout(function () {
$(self.editorDoc.body).css(self.options.css);
}, 0);
}
}
if (self.initialContent.length === 0) {
if ("function" === typeof (self.options.initialContent)) {
self.setContent(self.options.initialContent());
} else {
self.setContent(self.options.initialContent);
}
}
if (self.options.maxLength > 0) {
$(self.editorDoc).keydown(function (event) {
if ($(self.editorDoc).text().length >= self.options.maxLength && $.inArray(event.which, self.validKeyCodes) == -1) {
event.preventDefault();
}
});
}
// Support event callbacks
$.each(self.options.events, function (key, handler) {
$(self.editorDoc).bind(key + ".wysiwyg", function (event) {
// Trigger event handler, providing the event and api to
// support additional functionality.
handler.apply(self.editorDoc, [event, self]);
});
});
// restores selection properly on focus
if ($.browser.msie) {
// Event chain: beforedeactivate => focusout => blur.
// Focusout & blur fired too late to handle internalRange() in dialogs.
// When clicked on input boxes both got range = null
$(self.editorDoc).bind("beforedeactivate.wysiwyg", function () {
self.savedRange = self.getInternalRange();
});
} else {
$(self.editorDoc).bind("blur.wysiwyg", function () {
self.savedRange = self.getInternalRange();
});
}
$(self.editorDoc.body).addClass("wysiwyg");
if (self.options.events && self.options.events.save) {
saveHandler = self.options.events.save;
$(self.editorDoc).bind("keyup.wysiwyg", saveHandler);
$(self.editorDoc).bind("change.wysiwyg", saveHandler);
if ($.support.noCloneEvent) {
$(self.editorDoc).bind("input.wysiwyg", saveHandler);
} else {
$(self.editorDoc).bind("paste.wysiwyg", saveHandler);
$(self.editorDoc).bind("cut.wysiwyg", saveHandler);
}
}
/**
* XHTML5 {@link https://github.com/akzhan/jwysiwyg/issues/152}
*/
if(self.options.xhtml5) {
var replacements = {nbsp:"#00A0",iexcl:"#00A1",cent:"#00A2",pound:"#00A3",curren:"#00A4",yen:"#00A5",brvbar:"#00A6",sect:"#00A7",uml:"#00A8",copy:"#00A9",ordf:"#00AA",laquo:"#00AB",not:"#00AC",shy:"#00AD",reg:"#00AE",macr:"#00AF",deg:"#00B0",plusmn:"#00B1",sup2:"#00B2",sup3:"#00B3",acute:"#00B4",micro:"#00B5",para:"#00B6",middot:"#00B7",cedil:"#00B8",sup1:"#00B9",ordm:"#00BA",raquo:"#00BB",frac14:"#00BC",frac12:"#00BD",frac34:"#00BE",iquest:"#00BF",Agrave:"#00C0",Aacute:"#00C1",Acirc:"#00C2",Atilde:"#00C3",Auml:"#00C4",Aring:"#00C5",AElig:"#00C6",Ccedil:"#00C7",Egrave:"#00C8",Eacute:"#00C9",Ecirc:"#00CA",Euml:"#00CB",Igrave:"#00CC",Iacute:"#00CD",Icirc:"#00CE",Iuml:"#00CF",ETH:"#00D0",Ntilde:"#00D1",Ograve:"#00D2",Oacute:"#00D3",Ocirc:"#00D4",Otilde:"#00D5",Ouml:"#00D6",times:"#00D7",Oslash:"#00D8",Ugrave:"#00D9",Uacute:"#00DA",Ucirc:"#00DB",Uuml:"#00DC",Yacute:"#00DD",THORN:"#00DE",szlig:"#00DF",agrave:"#00E0",aacute:"#00E1",acirc:"#00E2",atilde:"#00E3",auml:"#00E4",aring:"#00E5",aelig:"#00E6",ccedil:"#00E7",egrave:"#00E8",eacute:"#00E9",ecirc:"#00EA",euml:"#00EB",igrave:"#00EC",iacute:"#00ED",icirc:"#00EE",iuml:"#00EF",eth:"#00F0",ntilde:"#00F1",ograve:"#00F2",oacute:"#00F3",ocirc:"#00F4",otilde:"#00F5",ouml:"#00F6",divide:"#00F7",oslash:"#00F8",ugrave:"#00F9",uacute:"#00FA",ucirc:"#00FB",uuml:"#00FC",yacute:"#00FD",thorn:"#00FE",yuml:"#00FF",OElig:"#0152",oelig:"#0153",Scaron:"#0160",scaron:"#0161",Yuml:"#0178",fnof:"#0192",circ:"#02C6",tilde:"#02DC",Alpha:"#0391",Beta:"#0392",Gamma:"#0393",Delta:"#0394",Epsilon:"#0395",Zeta:"#0396",Eta:"#0397",Theta:"#0398",Iota:"#0399",Kappa:"#039A",Lambda:"#039B",Mu:"#039C",Nu:"#039D",Xi:"#039E",Omicron:"#039F",Pi:"#03A0",Rho:"#03A1",Sigma:"#03A3",Tau:"#03A4",Upsilon:"#03A5",Phi:"#03A6",Chi:"#03A7",Psi:"#03A8",Omega:"#03A9",alpha:"#03B1",beta:"#03B2",gamma:"#03B3",delta:"#03B4",epsilon:"#03B5",zeta:"#03B6",eta:"#03B7",theta:"#03B8",iota:"#03B9",kappa:"#03BA",lambda:"#03BB",mu:"#03BC",nu:"#03BD",xi:"#03BE",omicron:"#03BF",pi:"#03C0",rho:"#03C1",sigmaf:"#03C2",sigma:"#03C3",tau:"#03C4",upsilon:"#03C5",phi:"#03C6",chi:"#03C7",psi:"#03C8",omega:"#03C9",thetasym:"#03D1",upsih:"#03D2",piv:"#03D6",ensp:"#2002",emsp:"#2003",thinsp:"#2009",zwnj:"#200C",zwj:"#200D",lrm:"#200E",rlm:"#200F",ndash:"#2013",mdash:"#2014",lsquo:"#2018",rsquo:"#2019",sbquo:"#201A",ldquo:"#201C",rdquo:"#201D",bdquo:"#201E",dagger:"#2020",Dagger:"#2021",bull:"#2022",hellip:"#2026",permil:"#2030",prime:"#2032",Prime:"#2033",lsaquo:"#2039",rsaquo:"#203A",oline:"#203E",frasl:"#2044",euro:"#20AC",image:"#2111",weierp:"#2118",real:"#211C",trade:"#2122",alefsym:"#2135",larr:"#2190",uarr:"#2191",rarr:"#2192",darr:"#2193",harr:"#2194",crarr:"#21B5",lArr:"#21D0",uArr:"#21D1",rArr:"#21D2",dArr:"#21D3",hArr:"#21D4",forall:"#2200",part:"#2202",exist:"#2203",empty:"#2205",nabla:"#2207",isin:"#2208",notin:"#2209",ni:"#220B",prod:"#220F",sum:"#2211",minus:"#2212",lowast:"#2217",radic:"#221A",prop:"#221D",infin:"#221E",ang:"#2220",and:"#2227",or:"#2228",cap:"#2229",cup:"#222A","int":"#222B",there4:"#2234",sim:"#223C",cong:"#2245",asymp:"#2248",ne:"#2260",equiv:"#2261",le:"#2264",ge:"#2265",sub:"#2282",sup:"#2283",nsub:"#2284",sube:"#2286",supe:"#2287",oplus:"#2295",otimes:"#2297",perp:"#22A5",sdot:"#22C5",lceil:"#2308",rceil:"#2309",lfloor:"#230A",rfloor:"#230B",lang:"#27E8",rang:"#27E9",loz:"#25CA",spades:"#2660",clubs:"#2663",hearts:"#2665",diams:"#2666"};
this.events.bind("getContent", function (text) {
return text.replace(/&([a-zA-Z0-9]+);/g, function (str, p1) {
if(!replacements[p1]) {
p1 = p1.toLowerCase();
}
return replacements[p1] ? "&"+replacements[p1]+";" : "";
});
});
}
};
this.innerDocument = function () {
var element = this.editor.get(0);
if (element.nodeName.toLowerCase() === "iframe") {
if (element.contentDocument) { // Gecko
return element.contentDocument;
} else if (element.contentWindow) { // IE
return element.contentWindow.document;
}
if (this.isDestroyed) {
return null;
}
console.error("Unexpected error in innerDocument");
/*
return ( $.browser.msie )
? document.frames[element.id].document
: element.contentWindow.document // contentDocument;
*/
}
return element;
};
this.insertHtml = function (szHTML) {
var img, range;
if (!szHTML || szHTML.length === 0) {
return this;
}
if ($.browser.msie) {
this.ui.focus();
this.editorDoc.execCommand("insertImage", false, "#jwysiwyg#");
img = this.getElementByAttributeValue("img", "src", "#jwysiwyg#");
if (img) {
$(img).replaceWith(szHTML);
}
} else {
if ($.browser.mozilla) {
range = this.getInternalRange();
range.deleteContents();
range.insertNode($(szHTML).get(0));
} else {
if (!this.editorDoc.execCommand("insertHTML", false, szHTML)) {
this.editor.focus();
/* :TODO: place caret at the end
if (window.getSelection) {
} else {
}
this.editor.focus();
*/
this.editorDoc.execCommand("insertHTML", false, szHTML);
}
}
}
return this;
};
this.parseControls = function () {
var self = this;
$.each(this.options.controls, function (controlName, control) {
$.each(control, function (propertyName) {
if (-1 === $.inArray(propertyName, self.availableControlProperties)) {
throw controlName + '["' + propertyName + '"]: property "' + propertyName + '" not exists in Wysiwyg.availableControlProperties';
}
});
});
if (this.options.parseControls) {
return this.options.parseControls.call(this);
}
return this.options.controls;
};
this.removeFormat = function () {
if ($.browser.msie) {
this.ui.focus();
}
if (this.options.removeHeadings) {
this.editorDoc.execCommand("formatBlock", false, ""); // remove headings
}
this.editorDoc.execCommand("removeFormat", false, null);
this.editorDoc.execCommand("unlink", false, null);
if ($.wysiwyg.rmFormat && $.wysiwyg.rmFormat.enabled) {
$.wysiwyg.rmFormat.run(this);
}
return this;
};
this.ui.removeHoverClass = function () {
$(this).removeClass("wysiwyg-button-hover");
};
this.resetFunction = function () {
this.setContent(this.initialContent);
this.saveContent();
};
this.saveContent = function () {
if (this.original) {
var content, newContent;
if (this.viewHTML) {
this.setContent($(this.original).val());
}
content = this.getContent();
if (this.options.rmUnwantedBr) {
content = content.replace(/$/, "");
}
if (this.options.replaceDivWithP) {
newContent = $("").addClass("temp").append(content);
newContent.children("div").each(function () {
var element = $(this), p = element.find("p"), i;
if (0 === p.length) {
p = $("");
if (this.attributes.length > 0) {
for (i = 0; i < this.attributes.length; i += 1) {
p.attr(this.attributes[i].name, element.attr(this.attributes[i].name));
}
}
p.append(element.html());
element.replaceWith(p);
}
});
content = newContent.html();
}
$(this.original).val(content);
if (this.options.events && this.options.events.save) {
this.options.events.save.call(this);
}
}
return this;
};
this.setContent = function (newContent) {
this.editorDoc.body.innerHTML = newContent;
return this;
};
this.triggerControl = function (name, control) {
var cmd = control.command || name,
args = control["arguments"] || [];
if (control.exec) {
control.exec.apply(this);
} else {
this.ui.focus();
this.ui.withoutCss();
// when click , or got "Access to XPConnect service denied" code: "1011"
// in Firefox untrusted JavaScript is not allowed to access the clipboard
try {
this.editorDoc.execCommand(cmd, false, args);
} catch (e) {
console.error(e);
}
}
if (this.options.autoSave) {
this.autoSaveFunction();
}
};
this.triggerControlCallback = function (name) {
$(window).trigger("trigger-" + name + ".wysiwyg", [this]);
};
this.ui.withoutCss = function () {
var self = this.self;
if ($.browser.mozilla) {
try {
self.editorDoc.execCommand("styleWithCSS", false, false);
} catch (e) {
try {
self.editorDoc.execCommand("useCSS", false, true);
} catch (e2) {
}
}
}
return self;
};
this.wrapInitialContent = function () {
var content = this.initialContent,
found = content.match(/<\/?p>/gi);
if (!found) {
return "" + content + "
";
} else {
// :TODO: checking/replacing
}
return content;
};
}
/*
* Wysiwyg namespace: public properties and methods
*/
$.wysiwyg = {
messages: {
noObject: "Something goes wrong, check object"
},
/**
* Custom control support by Alec Gorge ( http://github.com/alecgorge )
*/
addControl: function (object, name, settings) {
return object.each(function () {
var oWysiwyg = $(this).data("wysiwyg"),
customControl = {},
toolbar;
if (!oWysiwyg) {
return this;
}
customControl[name] = $.extend(true, {visible: true, custom: true}, settings);
$.extend(true, oWysiwyg.options.controls, customControl);
// render new toolbar
toolbar = $(oWysiwyg.options.toolbarHtml);
oWysiwyg.ui.toolbar.replaceWith(toolbar);
oWysiwyg.ui.toolbar = toolbar;
oWysiwyg.ui.appendControls();
});
},
clear: function (object) {
return object.each(function () {
var oWysiwyg = $(this).data("wysiwyg");
if (!oWysiwyg) {
return this;
}
oWysiwyg.setContent("");
oWysiwyg.saveContent();
});
},
console: console, // let our console be available for extensions
destroy: function (object) {
return object.each(function () {
var oWysiwyg = $(this).data("wysiwyg");
if (!oWysiwyg) {
return this;
}
oWysiwyg.destroy();
});
},
"document": function (object) {
// no chains because of return
var oWysiwyg = object.data("wysiwyg");
if (!oWysiwyg) {
return undefined;
}
return $(oWysiwyg.editorDoc);
},
getContent: function (object) {
// no chains because of return
var oWysiwyg = object.data("wysiwyg");
if (!oWysiwyg) {
return undefined;
}
return oWysiwyg.getContent();
},
init: function (object, options) {
return object.each(function () {
var opts = $.extend(true, {}, options),
obj;
// :4fun:
// remove this textarea validation and change line in this.saveContent function
// $(this.original).val(content); to $(this.original).html(content);
// now you can make WYSIWYG editor on h1, p, and many more tags
if (("textarea" !== this.nodeName.toLowerCase()) || $(this).data("wysiwyg")) {
return;
}
obj = new Wysiwyg();
obj.init(this, opts);
$.data(this, "wysiwyg", obj);
$(obj.editorDoc).trigger("afterInit.wysiwyg");
});
},
insertHtml: function (object, szHTML) {
return object.each(function () {
var oWysiwyg = $(this).data("wysiwyg");
if (!oWysiwyg) {
return this;
}
oWysiwyg.insertHtml(szHTML);
});
},
plugin: {
listeners: {},
bind: function (Wysiwyg) {
var self = this;
$.each(this.listeners, function (action, handlers) {
var i, plugin;
for (i = 0; i < handlers.length; i += 1) {
plugin = self.parseName(handlers[i]);
$(Wysiwyg.editorDoc).bind(action + ".wysiwyg", {plugin: plugin}, function (event) {
$.wysiwyg[event.data.plugin.name][event.data.plugin.method].apply($.wysiwyg[event.data.plugin.name], [Wysiwyg]);
});
}
});
},
exists: function (name) {
var plugin;
if ("string" !== typeof (name)) {
return false;
}
plugin = this.parseName(name);
if (!$.wysiwyg[plugin.name] || !$.wysiwyg[plugin.name][plugin.method]) {
return false;
}
return true;
},
listen: function (action, handler) {
var plugin;
plugin = this.parseName(handler);
if (!$.wysiwyg[plugin.name] || !$.wysiwyg[plugin.name][plugin.method]) {
return false;
}
if (!this.listeners[action]) {
this.listeners[action] = [];
}
this.listeners[action].push(handler);
return true;
},
parseName: function (name) {
var elements;
if ("string" !== typeof (name)) {
return false;
}
elements = name.split(".");
if (2 > elements.length) {
return false;
}
return {name: elements[0], method: elements[1]};
},
register: function (data) {
if (!data.name) {
console.error("Plugin name missing");
}
$.each($.wysiwyg, function (pluginName) {
if (pluginName === data.name) {
console.error("Plugin with name '" + data.name + "' was already registered");
}
});
$.wysiwyg[data.name] = data;
return true;
}
},
removeFormat: function (object) {
return object.each(function () {
var oWysiwyg = $(this).data("wysiwyg");
if (!oWysiwyg) {
return this;
}
oWysiwyg.removeFormat();
});
},
save: function (object) {
return object.each(function () {
var oWysiwyg = $(this).data("wysiwyg");
if (!oWysiwyg) {
return this;
}
oWysiwyg.saveContent();
});
},
selectAll: function (object) {
var oWysiwyg = object.data("wysiwyg"), oBody, oRange, selection;
if (!oWysiwyg) {
return this;
}
oBody = oWysiwyg.editorDoc.body;
if (window.getSelection) {
selection = oWysiwyg.getInternalSelection();
selection.selectAllChildren(oBody);
} else {
oRange = oBody.createTextRange();
oRange.moveToElementText(oBody);
oRange.select();
}
},
setContent: function (object, newContent) {
return object.each(function () {
var oWysiwyg = $(this).data("wysiwyg");
if (!oWysiwyg) {
return this;
}
oWysiwyg.setContent(newContent);
oWysiwyg.saveContent();
});
},
triggerControl: function (object, controlName) {
return object.each(function () {
var oWysiwyg = $(this).data("wysiwyg");
if (!oWysiwyg) {
return this;
}
if (!oWysiwyg.controls[controlName]) {
console.error("Control '" + controlName + "' not exists");
}
oWysiwyg.triggerControl.apply(oWysiwyg, [controlName, oWysiwyg.controls[controlName]]);
});
},
utils: {
extraSafeEntities: [["<", ">", "'", '"', " "], [32]],
encodeEntities: function (str) {
var self = this, aStr, aRet = [];
if (this.extraSafeEntities[1].length === 0) {
$.each(this.extraSafeEntities[0], function (i, ch) {
self.extraSafeEntities[1].push(ch.charCodeAt());
});
}
aStr = str.split("");
$.each(aStr, function (i) {
var iC = aStr[i].charCodeAt();
if ($.inArray(iC, self.extraSafeEntities[1]) && (iC < 65 || iC > 127 || (iC > 90 && iC < 97))) {
aRet.push('&#' + iC + ';');
} else {
aRet.push(aStr[i]);
}
});
return aRet.join('');
}
}
};
$.fn.wysiwyg = function (method) {
var args = arguments, plugin;
if ("undefined" !== typeof $.wysiwyg[method]) {
// set argument object to undefined
args = Array.prototype.concat.call([args[0]], [this], Array.prototype.slice.call(args, 1));
return $.wysiwyg[method].apply($.wysiwyg, Array.prototype.slice.call(args, 1));
} else if ("object" === typeof method || !method) {
Array.prototype.unshift.call(args, this);
return $.wysiwyg.init.apply($.wysiwyg, args);
} else if ($.wysiwyg.plugin.exists(method)) {
plugin = $.wysiwyg.plugin.parseName(method);
args = Array.prototype.concat.call([args[0]], [this], Array.prototype.slice.call(args, 1));
return $.wysiwyg[plugin.name][plugin.method].apply($.wysiwyg[plugin.name], Array.prototype.slice.call(args, 1));
} else {
console.error("Method '" + method + "' does not exist on jQuery.wysiwyg.\nTry to include some extra controls or plugins");
}
};
$.fn.getWysiwyg = function () {
return $.data(this, "wysiwyg");
};
})(jQuery);